 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘宝网</title>
<link type="text/css" rel="stylesheet" href="index.css"/>
<style>
	.logo{
		width:100%;}
	.daohang{
		width:100%;}
	.fenlei{
		color:#630;
		font-size:24px;
		background-color:#FC9;
	}
	.daohang td{
		text-align:center;
		background-color:#F9C;
		background: -webkit-linear-gradient(top,#F9C 0%,#ffffff 100%);
		background: -o-linear-gradient(top,#F9C 0%,#ffffff 100%);
		background: -moz-linear-gradient(top,#F9C 0%,#ffffff 100%);
		background: -mos-linear-gradient(top,#F9C 0%,#ffffff 100%);
		background: linear-gradient(top,#F9C 0%,#ffffff 100%);}
	#kuan{
		border:#F96 solid 5px;
		width:15%;
		float:left;
		}
	#kuai{
		border:#F96 solid 5px;
		width:1000px;
		height:444px;
		float:right;
		position:relative;
		left:0px;
		top:0px;

		}
	
	
	#myInput {
		background-image: url('https://static.runoob.com/images/mix/searchicon.png'); /* 搜索按钮 */
		background-position: 10px 12px; /* 定位搜索按钮 */
		background-repeat: no-repeat; /* 不重复图片*/
		width: 600px; 
		font-size: 16px; /* 加大字体 */
		padding: 12px 20px 12px 40px; 
		border: 1px solid #ddd; 
		position:relative;
		top:-45px;
		left:16px;
	}
	#kuaa{
		position:absolute;
		right:0px;
		top:0px;

		}
	.qwe{
		height:100px;
		width:200px;
		position:relative;
		bottom:300px;
	}
	
</style>
</head>
<body>
<div>
<table>
    <div><img src="image/logo.jpg" class="logo"/></div>
		<div>
			<table border="0" class="daohang">
				<tr>
					<td><a href="#">淘宝首页</a></td>
					<td><a href="#">我的淘宝</a></td>
					<td><a href="F:/作业/购物车/indexgouwu.html">购物车</a></td>
					<td><a href="#">收藏夹</a></td>
					<td><a href="F:/作业/登录页面/indexdenlu.html">亲，请登录</a></td>
					<td><a href="#">免费注册</a></td>
					<td><a href="#">联系我们</a></td>
				</tr>
			</table>
		</div >
	<div id=kuan>
        <div id="fenlei"><img src="image/rentou.jpg" width="30" height="30">个人中心</div>
	
       
        <table class="gl">
			<tr>
                <td class="dingdan">☛女装</td>
            </tr>
			<tr>
                <td class="dingdan">☛男装</td>
            </tr>
            <tr>
                <td class="dingdan">☛家电</td>
            </tr>
            <tr>
                <td class="dingdan">☛玩具</td>
            </tr>
            <tr>
                <td class="dingdan">☛童装</td>
            </tr>
        </table>
        <div class="fenlei">
        <img src="image/shuben.jpg" width="30" height="30">特价商品分类
        </div>
      <table class="zhonglei">
            <tr>
                <td class="dhx">☛鲜花</td>
            </tr>
            <tr>
                <td class="dhx">☛美食</td>
            </tr>
            <tr>
                <td class="dhx">☛游戏</td>
            </tr>
            <tr>
                <td class="dhx">☛健身</td>
            </tr>
            <tr>
                <td class="dhx">☛手机</td>
            </tr>
            <tr>
                <td class="dhx">☛汽车</td>
            </tr>
            <tr>
                <td class="dhx">☛百货</td>
            </tr>
             <tr>
                <td class="dhx">☛学习</td>
            </tr>
            <tr>
                <td class="dhx">☛珠宝</td>
            </tr>
            <tr>
                <td class="dhx">☛美妆</td>
            </tr>
	   </table>
    </div>  
	<div id="kuai" >
		<img  src="image/xin.jpg" height="150" wight="150">
		<input type="text" id="myInput"  placeholder="输入关键字搜索">
		<img id="kuaa" src="image/qiang.jpg" height="150" wight="150">
		<img src="image/11.jpg" width=1000px height=277px>
	</div>
	<div>
		
		
		
	<img src="image/qqww.png" width=100%; >
		<img src="image/qqq.png" width=100%;>
	
</body>

</html>


